<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="<%=basePath%>">

<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">

<title>Social Behavior Analysis System</title>

<!-- Bootstrap core CSS -->
<link href="<%=path%>/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<!--     <link href="navbar-static-top.css" rel="stylesheet"> -->

<link type="text/css" rel="stylesheet" href="<%=path%>/css/mystyle.css" />
<script src="<%=path%>/js/iframeHeight.js"></script>

<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!--  <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>

<body>

	<!-- Static navbar -->
	<nav class="navbar navbar-default navbar-static-top navbar-inverse">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand">Behavior<span class="text-primary">
						Analysis</span></a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="<%=path%>/index.jsp">Home</a></li>
					<li class="active"><a href="<%=path%>/work.jsp">Work</a></li>
					<li><a>Team</a></li>
					<li><a>Contact</a></li>
				</ul>

			</div>
			<!--/.nav-collapse -->
		</div>
	</nav>


	<div class="container main-container">
		<!-- Begin Side Bar -->
		<div class="col-md-3 sidebar">
			<div class="side-menu">
				<nav class="navbar navbar-default" role="navigation">

					<div class="side-menu-container">
						<ul class="nav navbar-nav">

							<li class="active"><a
								href="<%=path%>/duansky/dataAnalysis.jsp" target="chartframe"><span
									class="glyphicon glyphicon-indent-left"></span> Data Analysis</a></li>
							<li><a href="<%=path%>/xingkong/ibm.jsp" target="chartframe"><span
									class="glyphicon glyphicon-indent-right"></span> Individual
									Behavior Modeling</a></li>


							<!-- Dropdown-->
							<li class="panel panel-default" id="dropdown"><a
								data-toggle="collapse" href="#dropdown-lvl1"> <span
									class="glyphicon glyphicon-list-alt"></span> Individual
									Behavior Prediction <span class="caret"></span>
							</a> <!-- Dropdown level 1 -->
								<div id="dropdown-lvl1" class="panel-collapse collapse">
									<div class="panel-body">
										<ul class="nav navbar-nav">

											<li><a href="<%=path%>/liying/nnbm.jsp"
												target="chartframe"><span
													class="glyphicon glyphicon-star"></span> Node
													Neighborhood-Based Methods</a></li>

											<li class="panel panel-default" id="dropdown"><a
												data-toggle="collapse" href="#MBPN"> <span
													class="glyphicon glyphicon-star-empty"></span> Methods
													Based on Paths between Nodes <span class="caret"></span>
											</a>
												<div id="MBPN" class="panel-collapse collapse">
													<div class="panel-body">
														<ul class="nav navbar-nav">
															<li><a href="<%=path%>/libohan/dialog_kat.jsp"
																target="chartframe"> Katz measure</a></li>
															<li><a href="<%=path%>/libohan/dialog_hit.jsp"
																target="chartframe"> Hitting and Commute Time</a></li>
															<li><a href="<%=path%>/libohan/dialog_sim.jsp"
																target="chartframe"> SimRank</a></li>
														</ul>
													</div>
												</div></li>

										</ul>
									</div>
								</div></li>

							<li class="panel panel-default" id="dropdown"><a
								data-toggle="collapse" href="#collective"> <span
									class="glyphicon glyphicon-equalizer"></span> Collective
									Behavior<span class="caret"></span>
							</a>

								<div id="collective" class="panel-collapse collapse">
									<div class="panel-body">
										<ul class="nav navbar-nav">
											<li><a href="<%=path%>/liutao/test.jsp"
												target="chartframe"><span
													class="glyphicon glyphicon-music"></span> Disease Spreading</a></li>
											<li><a href="<%=path%>/josh/index.jsp"
												target="chartframe"><span
													class="glyphicon glyphicon-headphones"></span> Sales Volume
													Prediction</a></li>
										</ul>
									</div>
								</div></li>

						</ul>
					</div>
					<!-- /.navbar-collapse -->
				</nav>

			</div>
		</div>
		<!-- End Side Bar -->

		<!-- Begin Content -->
		<div class="col-md-9 content">
			<iframe height=100% width=100%
				src="<%=path%>/duansky/dataAnalysis.jsp" frameborder="0"
				marginheight="0" marginwidth="0" scrolling="no" id="chartframe"
				name="chartframe" onload="this.height=800"></iframe>
		</div>

		<script type="text/javascript">
			function reinitIframe() {
				var iframe = document.getElementById("chartframe");
				try {
					var bHeight = iframe.contentWindow.document.body.scrollHeight;
					var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
					var height = Math.max(bHeight, dHeight);
					iframe.height = height;
				} catch (ex) {
				}
			}

			window.setInterval("reinitIframe()", 200);
		</script>

		<!-- End Content -->

	</div>
	<!-- End Container -->


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="<%=path%>/js/jquery.min.js"></script>
	<script src="<%=path%>/js/bootstrap.min.js"></script>

	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<!--  <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
</body>
</html>